<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link id="link" href="css/face1.css" type="text/css" rel="stylesheet" />
		<script>
			window.onload = function(){
				var aInput = document.getElementsByTagName("input");
				
				//获取link的元素节点对象
				var oLink = document.getElementById("link");
				
				//皮肤1
				aInput[0].onclick = function() {
					oLink.href = "css/face1.css";
				}
				//皮肤2
				aInput[1].onclick = function() {
					oLink.href = "css/face2.css";
				}
			}
		</script>
	</head>
	<body>
		<div id="box">
			<input type="button" value="皮肤1" />
			<input type="button" value="皮肤2" />
		</div>
	</body>
</html>
